<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Vue2.0实例</h1>
    <hr/>
    <h3>第一季.vue指令</h3>
    <ol>
        <li><a href="./example/helloworld.html">Hello World 实例</a></li>
        <li><a href="./example/v-if.html">v-if&v-else&v-show</a></li>
        <li><a href="./example/v-for.html">v-for实例</a></li>
        <li><a href="./example/v-text.html">v-text&v-html实例</a></li>
        <li><a href="./example/v-on.html">v-on实例</a></li>
        <li><a href="./example/v-model.html">v-model实例</a></li>
        <li><a href="./example/v-bind.html">v-bind实例</a></li>
        <li><a href="./example/v-other.html">v-others</a></li>
    </ol>
    <hr/>
    <h3>第二季.全局api</h3>
    <ol>
        <li><a href="./example/vue.directive.html">自定义指令</a></li>
        <li><a href="./example/vue.extend.html">extend 扩展</a></li>
        <li><a href="./example/vue.set.html">vue.set</a></li>
        <li><a href="./example/vue.lifeCycle.html">vue声明周期</a></li>
        <li><a href="./example/vue.template.html">template模版</a></li>
        <li><a href="./example/vue.component-1.html">component-1组件</a></li>
        <li><a href="./example/vue.component-2.html">component-2组件</a></li>
        <li><a href="./example/vue.component-3.html">component-3组件</a></li>
        <li><a href="./example/vue.component-4.html">component-4组件</a></li>
    </ol>
    <hr/>
    <h3>第三季.构造器里的选项</h3>
    <ol>
        <li><a href="./example/propsData.html">propsData option</a></li>
        <li><a href="./example/computed.html">computed option</a></li>
        <li><a href="./example/methods.html">methods option</a></li>
        <li><a href="./example/watch.html">watch option</a></li>
        <li><a href="./example/mixins.html">mixins option</a></li>
        <li><a href="./example/extends.html">extends option</a></li>
        <li><a href="./example/delimiters.html">delimiters option</a></li>
    </ol>
    <hr/>
    <h3>第四季.Vue的实例和内置组件</h3>
    <ol>
        <li><a href="./example/example01.html">example01 实例</a></li>
        <li><a href="./example/example02.html">example02 实例</a></li>
        <li><a href="./example/example03.html">example03 实例</a></li>
        <li><a href="./example/slot.html">slot 插槽</a></li>
    </ol>
</body>
</html>